<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>专题 --- ${site.name}</title>
    <!-- Pretty Photo CSS -->
    <link href="/${res}/css/prettyPhoto.css" rel="stylesheet">
    <!-- Custom Main StyleSheet CSS -->
    <link href="/${res}/style.css" rel="stylesheet">
    <!-- Color CSS -->
    <link href="/${res}/css/color.css" rel="stylesheet">
    <!-- Responsive CSS -->
    <link href="/${res}/css/responsive.css" rel="stylesheet">

    <!--Jquery Library-->
    <script src="${resSys}/jquery.js"></script>
    <script src="${resSys}/front.js" type="text/javascript"></script>
</head>

<body>
<!--gt Wrapper Start-->
<div class="gt_wrapper">
    <!--Header Wrap Start-->
    [#include "../include/nav.html"/]
    <!--Header Wrap End-->

    <!--Sub Banner Wrap Start -->
    <div class="gt_sub_banner_bg default_width">
        <div class="container">
            <div class="gt_sub_banner_hdg  default_width">
                <h2>${topic.name!}</h2>
            </div>
        </div>
    </div>
    <!--Sub Banner Wrap End -->
    <!--Breadcrumb Wrap End -->
    <div class="gt_breadcrumb_bg default_width">
        <div class="container">
            <div class="gt_breadcrumb_wrap default_width">
                <ul>
                    <li><a href="${base}">首页</a></li>
                    <li><a href="#">专题头条</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--Breadcrumb Wrap End -->

    <!--Main Content Wrap Start-->
    <div class="gt_content_wrap">
        <!--Blog Grid Wrap Start-->
        <section class="gt_courses_bg">
            <div class="container">
                <div class="row">
                    [@cms_content_list count='3' orderBy='4' channelId ='101,103,113' titLen='23' channelOption='1' topicId=topic.id ]
                    [#list tag_list as a]
                    <div class="col-md-4 col-sm-6">
                        <div class="gt_blog_wrap default_width mb30">
                            <figure>
                                <img src="${a.titleImg!a.typeImg!}" alt="">
                                <figcaption class="gt_gallery_style1_des">
                                    <ul>
                                        <li><a href="${a.url!}"><i class="fa fa-link"></i></a></li>
                                        <li><a href="${a.titleImg!a.typeImg!}" data-rel="prettyPhoto"><i class="fa fa-search"></i></a></li>
                                    </ul>
                                    <h3>点我看大图</h3>
                                </figcaption>
                            </figure>
                            <div class="gt_blog_des default_width">
                                <ul class="gt_event_meta">
                                    <li><i class="fa fa-calendar"></i>${a.date!string(dateFormat)}</li>
                                    <li><i class="fa fa-user"></i>${a.author!'正心正举'}</li>
                                </ul>
                                <h6><a href="${a.url!}">[@text_cut s=a.title len=titLen append=append/]</a></h6>
                                <p>[@text_cut s=a.desc len='50' append='...'/]</p>
                            </div>
                            <a href="${a.url!}">详情 <i class="fa fa-long-arrow-right"></i></a>
                        </div>
                    </div>
                    [/#list]
                    [/@cms_content_list]
                </div>
                <!--Pagination Wrap Start-->
                <!--Pagination Wrap End-->
            </div>
        </section>
        <!--Blog Grid Wrap End-->
    </div>
    <!--Main Content Wrap End-->

    <!--Footer Wrap Start-->
    [#include "../include/footer.html"/]
    <!--Footer Wrap End-->

    <!--Back to Top Wrap Start-->
    <div class="back-to-top">
        <a href="#home"><i class="fa fa-angle-up"></i></a>
    </div>
    <!--Back to Top Wrap Start-->

</div>
<!--gt Wrapper End-->

<!--Bootstrap core JavaScript-->
<script src="/${res}/js/bootstrap.min.js"></script>
<!--Pretty Photo JavaScript-->
<script src="/${res}/js/jquery.prettyPhoto.js"></script>
<!--Custom JavaScript-->
<script src="/${res}/js/custom.js"></script>

</body>
</html>
